<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="../../../yl/index.css" />
    <link rel="stylesheet" href="../../../style/index.css" />
    <link rel="stylesheet" href="../../../style/wangeditor.css">
    <title>帮办代办信息</title>
    <style>
        .custom-tree-node {
            justify-content: flex-start;
        }

        #app {
            width: 100%;
            min-height: 100vh;
            position: relative;
        }

        [id^="editor-container"] {
  height: 300px;
 /* height: 500px; */
}
    </style>
</head>

<body>

    <div id="app" v-cloak>

        <div class="title">
            <div>
                申请人名称&nbsp;&nbsp;<el-input v-model="page.value1" style="width: 200px; margin:0 10px;"
                    placeholder="请输入内容"></el-input>
                清单类型&nbsp;&nbsp;<el-select clearable v-model.trim="page.value2" placeholder="请选择清单类型" filterable
                    style="width: 200px; margin:0 10px;">
                    <el-option v-for="(item,index) in type1" :key="index" :label="item.List_Name"
                        :value="item.List_Management_SerialNumber"></el-option>
                </el-select>

                <el-button icon="Search" style="margin: 0; margin-right: 10px;" @click="check">查询</el-button>
                <el-button style="width: 60px" @click="reset">重置</el-button>
            </div>
        </div>
        <div class="body">

            <div class="right">
                <el-tabs v-model="page.activeName" type="card" @tab-click="handleClick">
                    <el-tab-pane  name="ALL">
                        <template #label>
                            <div
                                style="width: 10px;height: 10px;background: linear-gradient(to right, #67C23A, #E6A23C, #F56C6C); margin-right: 10px;">
                            </div>
                            全部
                        </template>
                    </el-tab-pane>
                    <el-tab-pane  name="DONE">
                        <template #label>
                            <div style="width: 10px;height: 10px;background-color: #E6A23C; margin-right: 10px;"></div>
                            已处理
                        </template>
                    </el-tab-pane>
                    <el-tab-pane name="UNDONE">
                        <template #label>
                            <div style="width: 10px;height: 10px;background-color: #F56C6C; margin-right: 10px;"></div>
                            待处理
                        </template>
                    </el-tab-pane>
                </el-tabs>
                <el-table id="table" border
                    :data-options="JSON.stringify({ 'TableName': 'assist_delegate_application','primary_key':'Application_SerialNumber'})"
                    height="450" v-loading="loading" ref="multipleTable" tooltip-effect="dark" :data="Tabletdata"
                    @selection-change="handleSelectionChange">
                    <el-table-column min-width="180" show-overflow-tooltip v-for="column in columns"
                        :key="column.COLUMN_NAME" :prop="column.COLUMN_NAME" :label="column.COLUMN_COMMENT">
                        <template v-slot="{row}">
                            <div
                                v-if="row[column.COLUMN_NAME].includes('.png')||row[column.COLUMN_NAME].includes('.jpg')||row[column.COLUMN_NAME].includes('.jpeg')">
                                <el-image style="width: 100px; height: 100px" :src="photo + row[column.COLUMN_NAME]"
                                    fit="contain"></el-image>
                            </div>
                            <div v-else>
                                {{row[column.COLUMN_NAME]}}
                            </div>
                        </template>
                    </el-table-column>
                    <el-table-column min-width="250" show-overflow-tooltip align="center" label="地址">
                        <template v-slot="{row}">
                            {{row.Province}}{{row.City}}{{row.County}}{{row.Town}}{{row.Village}}{{row.Address}}
                        </template>
                    </el-table-column>
                    <el-table-column width="90" fixed="right" align="center" label="状态">
                        <template v-slot="{row}">
                            <el-tag
                                :type="row.Row_Status=='0'?'warning':row.Row_Status=='2'?'success':''">{{row.Row_Status=='0'?'待处理':row.Row_Status=='2'?'已处理':''}}</el-tag>
                        </template>
                    </el-table-column>
                    <el-table-column label="操作" fixed="right" width="90">
                        <template #default="{row}">
                            <el-button size="small" :type="row.Row_Status == '2'?'info':'success'"
                                :disabled="row.Row_Status == '2'" @click="handlecl(row)">
                                处理
                            </el-button>
                        </template>
                    </el-table-column>
                </el-table>
                <el-pagination style="margin-top: 1%;" :current-page="page.PageNumber" :page-size="page.RowAmount"
                    :page-sizes="[20, 100, 200, 300, 400]" layout="total, sizes, prev, pager, next, jumper"
                    :total="Total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
            </div>
        </div>
        <el-dialog :close-on-click-modal="false" v-model="showDialog" width="850" class="custom-dialog">
            <template #header>
                <div class="dialog-header">
                    <span>处理</span>
                </div>
            </template>
            <el-table id="table" border max-height="450" tooltip-effect="dark"
                :data="assist_delegate_application_attachment">
                <el-table-column min-width="180" prop="Attachment_SerialNumber" label="附件流水号"></el-table-column>
                <el-table-column min-width="180" prop="Attachment_Name" label="附件名称"></el-table-column>
                <el-table-column min-width="180" prop="Attachment_URL" label="磁盘文件名"></el-table-column>
                <el-table-column min-width="180" prop="Temp_Path" label="磁盘路径"></el-table-column>
                <el-table-column width="200" fixed="right" align="center" label="操作">
                    <template v-slot="{row}">
                        <el-button type="primary" size="small" @click="preview(row)">
                            在线预览
                        </el-button>
                        <el-button type="success" size="small" @click="download(row)">
                            下载附件
                        </el-button>
                    </template>
                </el-table-column>
            </el-table>
            <el-descriptions :column="1" size="large" border>
                <el-descriptions-item>
                    <template #label>
                        <div class="cell-item">办理详情</div>
                    </template>
                    <yl-text-editor v-model="form1.Application_Main" placeholder="请输入办理详情"></yl-text-editor>
                </el-descriptions-item>
                <el-descriptions-item>
                    <template #label>
                        <div class="cell-item">附件</div>
                    </template>
                    <yl-upload drag @success="success"  @remove="remove" :limit="99"></yl-upload>
                </el-descriptions-item>
            </el-descriptions>
            <template #footer>
                <div class="dialog-footer">
                    <el-button @click="showDialog = false" class="cancel-btn">取消</el-button>
                    <el-button type="primary" @click="ClickConfirm(form)" class="confirm-btn">处理完成</el-button>
                </div>
            </template>
        </el-dialog>
        <yl-online-preview :file-url="fileUrl" v-model="showDialog1"></yl-online-preview>
    </div>
    <script src="../../../utils/wangeditor.js"></script>
    <script src="../../../utils/utils.js"></script>
    <script src="../../../utils/mixins.js"></script>
    <script src="../../../config/config.js"></script>
    <script src="../../../yl/vue.js"></script>
    <script src="../../../yl/index.js"></script>
    <script src="../../../yl/zh-cn.mjs"></script>
    <script src="../../../yl/index.iife.min.js"></script>
    <script src="../../../yl/jquery.min.js"></script>
    <script src="../../../utils/jquery.cookie.js"></script>
    <script src="../../../api/request.js"></script>
    <script src="js/index.js"></script>
</body>

</html>